{% extends "ossim/base.html" %}

{% block title %} <title> Semaphores and Synchronization </title> {% endblock %}

{% block links %}
{% load static %}
<link href="{%static 'filesystem/styles.css' %}" rel="stylesheet" type="text/css" />
{% endblock %}


{% block content %}
<nav role="navigation" class="navbar navbar-default">
    <div id="navbarCollapse" class="collapse navbar-collapse">
        <ul class="nav navbar-nav">
            <li><a href="/">Home</a></li>
            <li><a href="/process/">Process Scheduling</a></li>
            <li><a href="/memory/page/">Page Replacement</a></li>
            <li><a href="/disk/">Disk Scheduling</a></li>
            <li class="active"><a href="/synchro/semaphores/">Semaphores</a></li>
            <li><a href="/synchro/socket/">Sockets</a></li>
            <li><a href="/filesystem/">File Structure</a></li>
            <li><a href="/mat/">Memory Allocation</a></li>
            <li><a href="/synchro/deadlocks/">Banker's Algorithm</a></li>
        </ul>
    </div>
</nav>
<h1>Semaphores</h1>
<div id="choice">
    <ul id="ulchoice">
        <a href="/synchro/semaphores/demo/1/"><li id="lichoice">Producer Consumer Problem</li></a>
        <a href="/synchro/semaphores/demo/2/"><li id="lichoice">Reader Writer Problem</li></a>
        <a href="/synchro/semaphores/demo/3/"><li id="lichoice">Dining Philosophers Problem</li></a>
        <a href="/synchro/semaphores/demo/4/"><li id="lichoice">Sleeping Barber Problem</li></a>
        <a href="/wiki/semaphore/"><li id="wikichoice">Wiki</li></a>
    </ul>
</div>
<!-- <div class="main-container">
{% for alg in algos %}
  {% if alg.demourl|stringformat:"s" == "sem"  %}
    <div class="alg-container">
      <div class="alg-name">  {{alg.name}} </div>
      <div class="alg-description">
        {{alg.description}}
      </div>
    <a href="/synchro/semaphores/demo/{{forloop.counter}}/" class="btn btn-primary">Demo</a>
    </div>
    <br>
  {% endif %}
{% endfor %}
</div>
{% endblock %} -->
